<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>布局</title>
</head>
<body>
    <!-- 重置默认样式 -->
    <!-- 方案一 使用全局选择器
         * {margin:0 padding:0}
         此种方法在简单案例中可以用以下，但实际开发中不会使用，因为*选择的是所有元素，而不是所有元素都有默认样式，如span，
         我们重置时，有时候需要做特定处理，比如：想让a元素的文字是灰色，其他元素文字是蓝色
    -->
    <!-- 方案二 reset.css
         选择具有默认样式的元素，清空其默认样式
    -->
    <!-- 方案三 Normalize.css 
        它在清除默认样式的基础上，保留了一些有价值的默认样式
    相对于reset.css,Normalize.css有如下优点
    1. 保护了有价值的默认样式，而不是完全去掉它们 
    2. 为大部分HTML元素提供了一般化的样式 
    3. 对并集选择的使用比较谨慎，有效避免调试工具杂乱 
    4. 新增对HTML5元素的设置 
    备注：Normalize.css的重置和reset.css相比，更加地温和，开发时可根据实际情况进行选择 -->

    
</body>
</html>